<script lang="ts" setup>
import { markRaw } from 'vue'
import CInput from '../../CInput/CInput.vue'
import CAdminTable from '../CAdminTable.vue'
import { TableInfo } from '../tableInfo'
import { dbCompaniesEmty, Company } from './helpers/dbCompanies'

const schema = [
  { id: 'name', label: '企業名', component: markRaw(CInput) },
  { id: 'address', label: '都道府県', component: markRaw(CInput) },
  { id: 'tel', label: '企業電話番号', component: markRaw(CInput) },
  { id: 'personInCharge', label: '担当者名', component: markRaw(CInput) },
  { id: 'licenseCount', label: '利用可能ライセンス数', component: markRaw(CInput) },
  { id: 'statusContract', label: '契約状況', component: markRaw(CInput) },
]

const tableInfo: TableInfo<Company> = {
  schemaColumns: schema,
  db: dbCompaniesEmty,
}
</script>

<template>
  <CAdminTable :tableInfo="tableInfo" />
</template>
